<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LogicFlow Playground</title>
  <link rel="stylesheet" href="./style.css" />
</head>

<body class="playground">
  <header class="navbar">
    <a href="/" class="home-link router-link-active">
      <img src="//logic-flow.org/horizontal-logo.png" alt="LogicFlow" class="logo">
      <span class="site-name can-hide">LogicFlow</span>
    </a>
    <div class="links" style="max-width: 1742px;">
      <div class="nav-links can-hide">
        <div class="nav-item">
          <a href="/guide/start.html" class="nav-link">
            教程
          </a>
        </div>
        <div class="nav-item">
          <a href="/api/logicFlowApi.html" class="nav-link">
            API
          </a>
        </div>
        <div class="nav-item">
          <a href="/usage/bpmn.html" class="nav-link">
            示例
          </a>
        </div>
        <div class="nav-item">
          <a href="/FAQ.html" class="nav-link">
            常见问题
          </a>
        </div>
        <div class="nav-item">
          <a href="/version-info/0.3.0.html" class="nav-link">
            版本公告
          </a>
        </div>
        <div class="nav-item">
          <a href="/article/article01.html" class="nav-link">
            文章
          </a>
        </div>
        <a href="http://localhost:8001/" class="repo-link router-link-active">
          playground
        </a>
        <a href="https://github.com/didi/LogicFlow" target="_blank" rel="noopener noreferrer" class="repo-link">
          GitHub
          <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px"
              viewBox="0 0 100 100" width="15" height="15" class="icon outbound">
              <path fill="currentColor"
                d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
              </path>
              <polygon fill="currentColor"
                points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
              </polygon>
            </svg>
          </span>
        </a>
      </div>
    </div>
  </header>
  <div class="lf-playground">
    <div id="js-playground-list" class="sidebar"></div>
    <playground-ide id="js-ide" class="lf-playground-ide" resizable="true" editable-file-system="true">
    </playground-ide>
  </div>
  <script type="module" src="./index.js"></script>
</body>

</html>